<!DOCTYPE html>
<html>
<head>
    {% render_head "Control 3.3" %}
</head>
<body>
    {% render_menu "menu.html" %}
    <div class="container">
        <h2>Контроль связей функциональных объектов по управлению.</h2>

        <div class="col-md-8">
            {% if enable3 %}
                <div class="row">
                    <pre class="bordered bg-success">В виде графа:</pre>
                    <object id="graph_image" class="img-rounded bordered img-responsive" type="image/svg+xml" data="{{image_file}}">Your browser does not support SVG</object>

                </div>
            {% endif %}
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <!-- Make svg zoomable -->
    <script src="http://ariutta.github.io/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
    <script>
      window.onload = function()
      {
        svgPanZoom('#graph_image', {zoomEnabled: true,controlIconsEnabled: true});
      };
    </script>

</body>
</html>